<template>
      <div class="header">
        <!-- 导航 -->
        <div class="nav-wrap px-4 bg-primary">
                  <div class="nav nav-inverse">
          <div class="nav-item">
            <router-link class="nav-link active pb-1" to="/">
             首页
            </router-link>
          </div>
          <div class="nav-item">
            <router-link class="nav-link pb-1" to="/">
             攻略中心
            </router-link>
          </div>
          <div class="nav-item">
            <router-link class="nav-link pb-1" to="/">
             赛事中心
            </router-link>
          </div>
          <div class="nav-item">
            <router-link class="nav-link pb-1" to="/">
             IP新游
            </router-link>
          </div>
        </div>
        </div>
      </div>
</template>

<script>
export default {
  name: 'mainHeaders'
}
</script>

<style lang="scss" scoped>

.nav {
    height: 3.2308rem;
}
</style>
